<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>html</title>
	<style type="text/css">
		.box{
			width: 200px;
			height: 200px;
			background: red url() 0 0 no-repeat;
		}
		.show{
			background:  blue url() 0 0 no-repeat;
		}
	</style>
</head>
<body>
	<table border="1">
		<tr>
			<td>id</td>
			<td>姓名</td>
			<td>性别</td>
			<td>状态</td>
			<td>操作</td>
		</tr>
		<tr>
			<td>1</td>
			<td>小明</td>
			<td>男</td>
			<td class="status">停用</td>
			<td><a class="del" href="javascript:;">删除</a> <a class="start" href="javascript:;">启用</a></td>
		</tr>
		<tr>
			<td>2</td>
			<td>小花</td>
			<td>女</td>
			<td class="status">停用</td>
			<td><a class="del" href="javascript:;">删除</a> <a class="start" href="javascript:;">启用</a></td>
		</tr>
	</table>
</body>
	<script type="text/javascript"src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
	<script type="text/javascript">
		$(function  () {
			$('.del').click(function(event) {
				$(this).parents('tr').remove();
			});

			$('.start').click(function(event) {
				$(this).parents('td').siblings('.status').html('启用');
				$(this).html('停用');
			});
		})
	</script>
</html>